import React from 'react';

const Card = ({ title, value, icon: Icon, color }) => {
  const iconBgColorClass = `bg-${color}-500`;
  
  return (
    <div className="bg-white rounded-lg shadow-md p-6 flex items-center">
      <div className={`rounded-full ${iconBgColorClass} p-3 mr-4`}>
        <Icon className="w-6 h-6 text-white" />
      </div>
      <div>
        <h3 className="text-gray-500 text-sm font-medium">{title}</h3>
        <p className="text-2xl font-bold text-gray-800">{value}</p>
      </div>
    </div>
  );
};

export default Card; 